<!DOCTYPE html>
<html lang="en">

<!-- TODO:需要将所有**href，src**引用改为thymeleaf的方式 -->
<!-- 头部 -->

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="x-ua-compatible" content="ie=edge">

  <title>博物馆文物后台管理系统</title>

  <!-- 共有的部门，抽取到fragment-->
  <link rel="icon" href="../dist/img/logoico1.ico" type="image/ico" />
  <link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css">
  <link rel="stylesheet" href="../dist/css/adminlte.min.css">
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">


</head>

<body class="hold-transition sidebar-mini">
  <div class="wrapper">
    <!-- 顶部导航栏 -->
    <nav class="main-header navbar navbar-expand navbar-white navbar-light" style="position: relative;">
      <ul class="navbar-nav">
        <li class="nav-item">
          <a class="nav-link" data-widget="pushmenu" href="#"><i class="fas fa-bars"></i></a>
        </li>
      </ul>
      <div style="position: absolute;right: 15px;">
        <!-- TODO:href为注销的路径 -->
        <a class="btn btn-navbar" href="#">
          <i class="fa fa-door-open"></i>
          退出登录
        </a>
      </div>
    </nav>
    <!-- 侧边栏 -->
    <aside class="main-sidebar sidebar-dark-primary elevation-4">
      <a href="#" class="brand-link">
        <img src="../dist/img/logo.png" style="object-fit: cover;background-color: aliceblue;" alt="AdminLTE Logo"
          class="brand-image img-circle elevation-3" style="opacity: .8">
        <span class="brand-text font-weight-light">文物后台管理</span>
      </a>
      <div class="sidebar">
        <div class="user-panel mt-3 pb-3 mb-3 d-flex">
          <div class="image">
            <img src="../dist/img/avatar5.png" class="img-circle elevation-2" alt="User Image">
          </div>
          <div class="info">
            <!-- TODO:张三-文职 需要数据用户名和职务 -->
            <a href="#" class="d-block">张三-文职</a>
          </div>
        </div>

        <nav class="mt-2">
          <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
            <!-- TODO:侧边栏导航，href路径改为真实路径 -->
            <li class="nav-item has-treeview">
              <a href="./info.html" class="nav-link">
                <i class="nav-icon fas fa-th"></i>
                <p>
                  文物信息管理
                  <i class="right fas fa-angle-left"></i>
                </p>
              </a>
              <ul class="nav nav-treeview">
                <li class="nav-item">
                  <a href="./info.html" class="nav-link">
                    <i class="far fa-circle nav-icon"></i>
                    <p>文物信息一览</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="./recorded.html" class="nav-link">
                    <i class="far fa-circle nav-icon"></i>
                    <p>文物信息录入</p>
                  </a>
                </li>
              </ul>
            </li>
            <li class="nav-item">
              <a href="./flow.html" class="nav-link">
                <i class="nav-icon fa fa-recycle"></i>
                <p>
                  文物流动管理
                </p>
              </a>
            </li>
            <li class="nav-item">
              <a href="./inventory.html" class="nav-link">
                <i class="nav-icon fa fa-balance-scale"></i>
                <p>
                  文物盘点管理
                </p>
              </a>
            </li>
            <li class="nav-item">
              <a href="./warehouse.html" class="nav-link">
                <i class="nav-icon fa fa-university"></i>
                <p>
                  仓库管理
                </p>
              </a>
            </li>
            <li class="nav-item">
              <a href="./profile.html" class="nav-link">
                <i class="nav-icon fas fa-user-circle"></i>
                <p>
                  员工管理
                </p>
              </a>
            </li>
          </ul>
        </nav>
      </div>
    </aside>

    <!-- 内容 -->

    <!-- 移动动侧边栏提示信息 -->
    <aside class="control-sidebar control-sidebar-dark">
      <div class="p-3">
        <h5>Title</h5>
        <p>Sidebar content</p>
      </div>
    </aside>

    <!-- 页脚 -->
    <footer class="main-footer">
      <div class="float-right d-none d-sm-inline">
        国家博物馆后台管理系统
      </div>
      <strong>Copyright &copy; 2020-2025 软件B班4组.</strong> All rights reserved.
    </footer>
  </div>
  <!-- 共有的部分 -->
  <script src="../plugins/jquery/jquery.min.js"></script>
  <script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="../dist/js/common.js"></script>
  <script src="../dist/js/adminlte.min.js"></script>

</body>

</html>